<template>
  <div class="audition298">
    <p>React默认是通过比较引用的方式（diff）进行的，不精确监听数据变化，如果不优化可能导致大量不必要的VDOM重新渲染</p>
    <p>16之前 componentWillReveiveProps 监听 props 变化</p>
    <p>16之后 getDerivedStateFromProps 监听 props</p>
    <p><br></p>
    <p>vue监听变量变化依靠 watch Object.defineProperty，Vue通过“getter/setter”以及一些函数的劫持，能精确知道数据变化</p>
  </div>
</template>

<script>
export default {
  name: 'Audition298'
}
</script>

<style>

</style>